<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>阿正的小电商</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/doc.css" rel="stylesheet">


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body style="padding-top: 70px">

	<%@ include file="top.jsp"%>

    <div class="container">

	<!-- 产品检索区 -->
	<div class="panel panel-default">
	  <div class="panel-heading">产品检索</div>
	  <div class="panel-body">
		<div class="row">
			<div class="col-md-3">
				<select class="form-control">
				  <option>--产品分类--</option>
				  <option>数码</option>
				  <option>图书</option>
				  <option>美食</option>
				  <option>服装</option>
				</select>
			</div>
			<div class="col-md-7">
				<input type="text" class="form-control" placeholder="请输入产品关键字" />
			</div>
			<div class="col-md-2">
				<button type="button" class="btn btn-info">
				  <span class="glyphicon glyphicon-search"></span> 搜索产品
				</button>			
			</div>
		</div>
	  </div>
	</div>
	<!-- 产品检索区 -->
	
	<!-- 产品列表区 -->
<div class="row">
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="imgs/nike.jpg" alt="...">
      <div class="caption">
        <h3>Nike运动手表</h3>
        <p>价格：￥1299.00元</p>
        <p><a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-shopping-cart"></span> 加入购物车</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="imgs/nike.jpg" alt="...">
      <div class="caption">
        <h3>Nike运动手表</h3>
        <p>价格：￥1299.00元</p>
        <p><a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-shopping-cart"></span> 加入购物车</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="imgs/nike.jpg" alt="...">
      <div class="caption">
        <h3>Nike运动手表</h3>
        <p>价格：￥1299.00元</p>
        <p><a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-shopping-cart"></span> 加入购物车</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="imgs/nike.jpg" alt="...">
      <div class="caption">
        <h3>Nike运动手表</h3>
        <p>价格：￥1299.00元</p>
        <p><a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-shopping-cart"></span> 加入购物车</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="imgs/nike.jpg" alt="...">
      <div class="caption">
        <h3>Nike运动手表</h3>
        <p>价格：￥1299.00元</p>
        <p><a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-shopping-cart"></span> 加入购物车</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="imgs/nike.jpg" alt="...">
      <div class="caption">
        <h3>Nike运动手表</h3>
        <p>价格：￥1299.00元</p>
        <p><a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-shopping-cart"></span> 加入购物车</a></p>
      </div>
    </div>
  </div>
</div>	


	<!-- 产品列表区 -->


<!-- 弹出窗口 -->
<!-- login Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="login_win" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="login_win">登陆窗口</h4>
      </div>
      <div class="modal-body">
		  <div class="form-group">
			<label for="login_name">登录名</label>
			<input type="text" class="form-control" id="login_name" placeholder="登录名">
		  </div>
		  <div class="form-group">
			<label for="login_pwd">登陆密码</label>
			<input type="password" class="form-control" id="login_pwd" placeholder="登陆密码">
		  </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">登陆</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->	

<!-- 注册 -->
<div class="modal fade" id="regModal" tabindex="-1" role="dialog" aria-labelledby="reg_win" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="reg_win">注册窗口</h4>
      </div>
      <div class="modal-body">
		  <div class="form-group">
			<label for="reg_login_name">登录邮箱</label>
			<input type="email" class="form-control" id="reg_login_name" placeholder="登录邮箱">
		  </div>
		  <div class="form-group">
			<label for="reg_login_pwd">登陆密码</label>
			<input type="password" class="form-control" id="reg_login_pwd" placeholder="登陆密码">
		  </div>
		  <div class="form-group">
			<label for="reg_relogin_pwd">确认密码</label>
			<input type="password" class="form-control" id="reg_relogin_pwd" placeholder="确认密码">
		  </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">注册</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->	


<!-- 弹出窗口 -->

	<%@ include file="foot.jsp"%>

    </div><!--/.container-->



    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-2.0.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/holder.js"></script>
	<script>
	$(function() {
		
	});
	</script>
  </body>
</html>

